<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>最近更新</title>

    <!--360 browser -->
    <meta name="renderer" content="webkit">
    <meta name="author" content="wos">
    <!-- Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="images/i/app.png">
    <!--Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="apple-touch-icon-precomposed" href="images/i/app.png">
    <!--Win8 or 10 -->
    <meta name="msapplication-TileImage" content="images/i/app.png">
    <meta name="msapplication-TileColor" content="#e1652f">

    <link rel="icon" type="image/png" href="images/i/favicon.png">
    <link rel="stylesheet" href="assets/css/amazeui.min.css">
    <link rel="stylesheet" href="css/public.css">

    <!--[if (gte IE 9)|!(IE)]><!-->
    <script src="assets/js/jquery.min.js"></script>
    <!--<![endif]-->
    <!--[if lte IE 8 ]>
    <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
    <script src="assets/js/amazeui.ie8polyfill.min.js"></script>
    <![endif]-->
    <script src="assets/js/amazeui.min.js"></script>
    <script src="js/public.js"></script>
</head>
<body>

<header class="am-topbar am-topbar-fixed-top wos-header">
    <div class="am-container">
        <h1 class="am-topbar-brand">
            <a href="https://liuhaotian1122.gitee.io/"><img src="images/logo.png" alt=""></a>
        </h1>

        <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-warning am-show-sm-only"
                data-am-collapse="{target: '#collapse-head'}">
            <span class="am-sr-only">导航切换</span>
            <span class="am-icon-bars"></span>
        </button>

        <div class="am-collapse am-topbar-collapse" id="collapse-head">
            <ul class="am-nav am-nav-pills am-topbar-nav">
                <li class="am-active"><a href="https://liuhaotian1122.gitee.io/">首页</a></li>
                <li><a href="boke.html">博客</a></li>
                <li class="am-dropdown" data-am-dropdown>
                    <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
                        小事 <span class="am-icon-caret-down"></span>
                    </a>
                    <ul class="am-dropdown-content">
                        <li class="am-dropdown-header">最近有些忙呀~</li>
						<li><a href="https://liuhaotian1122.gitee.io/haotians-personal-station/">返回旧版</a></li>
                        <li><a href="http://tool.mkblog.cn/relax/" style="color: red;">
						<div id="panel"><?xml version="1.0" encoding="UTF-8"?><svg width="30" height="30" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z" fill="#f8e71c" stroke="#333" stroke-width="2" stroke-linejoin="bevel"/><path d="M31 31C31 31 29 35 24 35C19 35 17 31 17 31" stroke="#333" stroke-width="2" stroke-linecap="square" stroke-linejoin="bevel"/><path d="M31 18V22" stroke="#333" stroke-width="2" stroke-linecap="square" stroke-linejoin="bevel"/><path d="M17 18V22" stroke="#333" stroke-width="2" stroke-linecap="square" stroke-linejoin="bevel"/></svg>
						点击放松一下</a></li>
                    </ul>
                </li>
                <li><a href="game.html">游戏</a></li>
                <li><a href="最近更新.html">更新</a></li>
            </ul>
            <div class="am-topbar-right">
                <a href="https://www.lanzouw.com/b02oefvsf"><button class="am-btn am-btn-danger am-topbar-btn am-btn-sm"><span class="am-icon-user"></span>下载文件</button></a>
            </div>
        </div>
    </div>
</header>

 <style>
        body {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            transition: all 0.5s linear;
        }
        
        .qiehuan {
            background-color: #fff;
            color: #000;
        }
        button:active {
            box-shadow: none;
            transform: translateY(2px);
        }
        
        .shizhong {
            position: relative;
            width: 200px;
            height: 200px;
            border-radius: 50%;
        }
        
        .shizhong .zhongxindian {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            border-radius: 50%;
            width: 10px;
            height: 10px;
            background-color: skyblue;
        }
        
        .zhongxindian::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            border-radius: 50%;
            width: 5px;
            height: 5px;
            background-color: #fff;
        }
        
        .zhizhendaxiao {
            position: absolute;
            top: 50%;
            left: 50%;
            height: 60px;
            width: 3px;
            background-color: #000;
            /* 让转动中心点为底部 */
            transform-origin: bottom center;
            transition: all .4s linear;
        }
        
        .zhizhendaxiao.hour {
            transform: translate(-50%, -100%) rotate(0deg);
            background-color: #fff;
        }
        
        .zhizhendaxiao.minute {
            height: 80px;
            transform: translate(-50%, -100%) rotate(0deg);
            background-color: #fff;
        }
        
        .zhizhendaxiao.seconds {
            height: 90px;
            transform: translate(-50%, -100%) rotate(0deg);
            background-color: #e74c3f;
        }
        
        .time {
            display: flex;
            flex-direction: row;
            background-color: #eeeded;
            font-size: 25px;
            border-radius: 5px;
            margin-top: 10px;
            padding: 10px 10px;
            box-shadow: 0 3px 3px #ccc;
        }
        
        .shijian {
            margin-right: 10px;
        }
        
        .data {
            color: #aaa;
            font-size: 12px;
            letter-spacing: 0.3px;
            text-transform: uppercase;
            margin-top: 10px;
        }
        
        .data .circle {
            border-radius: 50%;
            height: 18px;
            width: 18px;
            background-color: #000;
            color: #fff;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            line-height: 18px;
            transition: all 0.5s ease-in;
            font-size: 12px;
        }
        
        .beijingqiehuan {
            background-color: #000;
            color: #fff;
            transition: all .4s linear;
        }
    </style>
</head>
<script>
    (function (w, d, n, a, j) {
        w[n] = w[n] || function () {
            (w[n].a = w[n].a || []).push(arguments);
        };
        j = d.createElement('script');
        j.async = true;
        j.src ='https://qiyukf.com/script/1508080c20975f712fc12e5ce25697a2.js';
        d.body.appendChild(j);
    })(window, document, 'ysf');
</script>
<body>
    <div class="shizhong beijingqiehuan">
        <div class="zhongxindian"></div>
        <div class="hour zhizhendaxiao "></div>
        <div class="minute zhizhendaxiao"></div>
        <div class="seconds zhizhendaxiao"></div>
    </div>
    <div class="time">
        <div class="shijian"></div>
        <div class="shijianduan"></div>
    </div>
    <div class="data">
        <span class=".circle"></span>
    </div>
    <script>
        const days = ["星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
        const months = ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"];
        //获取元素
        const btn = document.querySelector('button');
        const shizhong = document.querySelector('.shizhong');
        const body = document.querySelector('body');
        const hourEl = document.querySelector('.hour');
        const minuteEl = document.querySelector('.minute');
        const secondsEl = document.querySelector('.seconds');
        const time = document.querySelector('.time');
        const shijianduan = document.querySelector('.shijianduan');
        const shijian = document.querySelector('.shijian');
        const dataEl = document.querySelector('.data');
        let showTime = (hour) => {
                if (hour > 3 && hour <= 6) {
                    shijianduan.innerHTML = '凌晨';
                } else if (hour > 6 && hour <= 8) {
                    shijianduan.innerHTML = '早晨';
                } else if (hour > 8 && hour <= 11) {
                    shijianduan.innerHTML = '上午';
                } else if (hour > 11 && hour <= 13) {
                    shijianduan.innerHTML = '中午';
                } else if (hour > 13 && hour <= 17) {
                    shijianduan.innerHTML = '下午';
                } else if (hour > 17 && hour <= 19) {
                    shijianduan.innerHTML = '傍晚';
                } else if (hour > 19 && hour <= 23) {
                    shijianduan.innerHTML = '晚上';
                } else if (hour > 23 && hour <= 3) {
                    shijianduan.innerHTML = '深夜';
                }
            }
            //获取时间函数
        let setDate = () => {
                const date = new Date();
                const month = date.getMonth(); //10
                const weeks = date.getDay(); //星期
                const day = date.getDate() //几号
                let hour = date.getHours();
                hour = hour < 10 ? '0' + hour : hour;
                let minute = date.getMinutes();
                minute = minute < 10 ? '0' + minute : minute;
                let secondes = date.getSeconds();
                secondes = secondes < 10 ? '0' + secondes : secondes;
                hourEl.style.transform = `translate(-50%, -100%) rotate(${scale(hour, 0, 12, 0, 360)}deg)`;
                minuteEl.style.transform = `translate(-50%, -100%) rotate(${minute*6}deg)`; //也可以暴力计算角度
                secondsEl.style.transform = `translate(-50%, -100%) rotate(${secondes*6}deg)`;
                shijian.innerHTML = `${hour}:${minute}`;
                dataEl.innerHTML = `${days[weeks]}, ${months[month]} <span class="circle">${day}</span>`
                showTime(hour);
            }
        //角度计算公式
        const scale = (num, in_min, in_max, out_min, out_max) => {
            return (num - in_min) * (out_max - out_min) / (in_max - in_min) + out_min;
        }
        setDate();
        setInterval(setDate, 1000);
    </script>











    <script src="https://api.vvhan.com/api/script/yinghua"></script>


        <div class="container">
<ul>
	<li><?xml version="1.0" encoding="UTF-8"?><svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#333" stroke-width="4" stroke-linejoin="round"/><path d="M32 28L24 20L16 28" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 36V20.5" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 14H32" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>
			记录对工作的描述，删除冗余反馈及联系我板块，调整页面布局（2021.10.28）</li>
			<br>
	<li><?xml version="1.0" encoding="UTF-8"?><svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#333" stroke-width="4" stroke-linejoin="round"/><path d="M32 28L24 20L16 28" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 36V20.5" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 14H32" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>
		小游戏入口更新2款小游戏,
		更新主页若干图片，主页代码优化（2021.11.1）</li>
		<br>
<li><?xml version="1.0" encoding="UTF-8"?><svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#333" stroke-width="4" stroke-linejoin="round"/><path d="M32 28L24 20L16 28" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 36V20.5" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 14H32" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>
		增加最近更新板块，记录每一次的欢喜更新，Yeah！（2021.11.2）</li>
		<br>


<li><?xml version="1.0" encoding="UTF-8"?><svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#333" stroke-width="4" stroke-linejoin="round"/><path d="M32 28L24 20L16 28" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 36V20.5" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 14H32" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>
		更新博客“h5阻止左右滑动”，对页面布局右侧留白填充，修改部分代码。（2021.11.4）</li>
		<br>



<li><?xml version="1.0" encoding="UTF-8"?><svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#333" stroke-width="4" stroke-linejoin="round"/><path d="M32 28L24 20L16 28" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 36V20.5" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 14H32" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>
		引入评论功能模块，大家可以给我提意见了！嘤嘤嘤~（2021.11.8）</li>
		<br>


<li><?xml version="1.0" encoding="UTF-8"?><svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#333" stroke-width="4" stroke-linejoin="round"/><path d="M32 28L24 20L16 28" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 36V20.5" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 14H32" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>
		更新底部导航栏及创建一个“回到顶部”按钮，请往下滚动，体验效果。（2021.11.11）</li>
		<br>

<li><?xml version="1.0" encoding="UTF-8"?><svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#333" stroke-width="4" stroke-linejoin="round"/><path d="M32 28L24 20L16 28" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 36V20.5" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 14H32" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>
		更新一篇博客“一些工具”，引入互动动漫纸片人✨。（2021.11.17）</li>
		<br>



<li><?xml version="1.0" encoding="UTF-8"?><svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#333" stroke-width="4" stroke-linejoin="round"/><path d="M32 28L24 20L16 28" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 36V20.5" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 14H32" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>
		游戏入口更新三款游戏，完成对“深色模式的适配”,主页添加告示及“放松一下”模块，欢迎体验。（2021.11.26）</li>
		<br>


<li><?xml version="1.0" encoding="UTF-8"?><svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#333" stroke-width="4" stroke-linejoin="round"/><path d="M32 28L24 20L16 28" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 36V20.5" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 14H32" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>
		新版来袭，船新的版本，船新的体验，向年轻人靠拢💌。（2022.1.16）</li>
		<br>


<li><?xml version="1.0" encoding="UTF-8"?><svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#333" stroke-width="4" stroke-linejoin="round"/><path d="M32 28L24 20L16 28" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 36V20.5" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 14H32" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>
		对失效链接重新绑定，张灯结彩过新年，新年快乐😍！（2023.1.14）</li>
		<br>

    <li><?xml version="1.0" encoding="UTF-8"?><svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#333" stroke-width="4" stroke-linejoin="round"/><path d="M32 28L24 20L16 28" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 36V20.5" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 14H32" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>
        logo重绘，前言替换为短则笑话，博您一笑😎！（2023.5.12）</li>
    <br>

    <li><?xml version="1.0" encoding="UTF-8"?><svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#333" stroke-width="4" stroke-linejoin="round"/><path d="M32 28L24 20L16 28" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 36V20.5" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 14H32" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>
        更新页面加入对话反馈，可以与我chat一下❤。（2023.5.24）</li>
    <br>














</ul>      
    </div>
</section>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js">
    </script>
    <script src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
    <script src="js/jquery.mixitup.min.js"></script>
    <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
    <script type="text/javascript" src="js/jquery.isotope.js"></script>
    <script src="js/jquery.bsPhotoGallery.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script>
</body>

<div data-am-widget="gotop" class="am-gotop am-gotop-fixed" >
    <a href="#top" title="回到顶部">
        <span class="am-gotop-title">回到顶部</span>
        <i class="am-gotop-icon am-icon-chevron-up"></i>
    </a>
</div>

<footer>
                <h6 class="right copy-right"><a href="https://www.happynewyear.life/?k=2ii2kl">Copyright</a> &copy; <a href="https://liuhaotian1122.gitee.io/" target="_blank" title="2022 浩天的个人站">2022 浩天的个人站</a></h6>
</footer>
</html>